// JavaScript Document

window.onload=function(){
	var oWrap=document.getElementById("wrap");
	var oChild=document.getElementById("child");
	//原生js获取dom
	var maxLeft=oWrap.clientWidth-oChild.offsetWidth;//图一
	var maxTop=oWrap.clientHeight-oChild.offsetHeight;//图二
	var startX=0;
	var startY=0;
	//设置运动div开始位置 
	var x=1;
	var y=1;
	//设置运动div开始运动方向

	//获取随机数运动div控制bg颜色
	function random(min,range) {
		return Math.floor(Math.random() * range+min);
	}
	function bg() {
		var a = random(0,255);
		var b = random(0,255);
		var c = random(0,255);
		oChild.style.background = '';
		// setTimeout(bg, 1000);
	}
	var timer=setInterval(function(){
	 
		//边线
		if(startX>maxLeft||startX<0){//左右边界
		x*=-1;
		bg();
		}
		if(startY>maxTop||startY<0){//上下边界
		y*=-1;
		bg();
		}
		 	 
		startX+=x*2;//横向速度
		startY+=y*2;//竖向速度
			 
		//运动公式
		oChild.style.left=startX+"px";
		oChild.style.top=startY+"px";
	},30)
}